<!DOCTYPE html>
<html lang="en">

<head>
	<title>见字如面</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
	<link rel="shortcut icon" href="https://www.w3.org/html/logo/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="handwriting.css">
	<script src="jquery.js"></script>
</head>

<body>
	<div class="wrap">
		<canvas id="canvas">您的浏览器不支持CANVAS</canvas>
		<div id="controller">
			<div class="color-btn selected" id="black-btn"></div>
			<div class="color-btn" id="blue-btn"></div>
			<div class="color-btn" id="green-btn"></div>
			<div class="color-btn" id="red-btn"></div>
			<div class="color-btn" id="orange-btn"></div>
			<div class="color-btn" id="yellow-btn"></div>

			<div id="download-btn" class="op-btn">下载</div>
			<div id="clear-btn" class="op-btn">清空</div>
		</div>
		<div class="clearfix"></div>
	</div>
	</div>

	<script src="handwriting.js"></script>
</body>

</html>